{extend name="public/base"}
{block name="jsValue"}
<script type="text/javascript">
var $dataUrl = '{:my_url("getUserChartData")}';
</script>
{/block}
{block name="body"}
  <div class="layui-fluid">
    <div class="layui-row layui-col-space15">
      
      <div class="layui-col-sm6 layui-col-md3">
        <div class="layui-card">
          <div class="layui-card-header">
            累计充值
          </div>
          <div class="layui-card-body layuiadmin-card-list">
            <p class="layuiadmin-big-font">{$number.order.total}</p>
            <p>
              今日充值 
              <span class="layuiadmin-span-color">{$number.order.today} <i class="layui-inline layui-icon layui-icon-rmb"></i></span>
            </p>
          </div>
        </div>
      </div>
      <div class="layui-col-sm6 layui-col-md3">
        <div class="layui-card">
          <div class="layui-card-header">
            累计用户
          </div>
          <div class="layui-card-body layuiadmin-card-list">

            <p class="layuiadmin-big-font">{$number.member.all}</p>
            <p>
              已关注
              <span class="layuiadmin-span-color">{$number.member.sub} <i class="layui-inline layui-icon layui-icon-user"></i></span>
            </p>
          </div>
        </div>
      </div>
      <div class="layui-col-sm6 layui-col-md3">
        <div class="layui-card">
          <div class="layui-card-header">
            累计提现
          </div>
          <div class="layui-card-body layuiadmin-card-list">
            <p class="layuiadmin-big-font">{$number.withdraw.pay}</p>
            <p>
              提现中
              <span class="layuiadmin-span-color">{$number.withdraw.wait} <i class="layui-inline layui-icon layui-icon-rmb"></i></span>
            </p>
          </div>
        </div>
      </div>
      <div class="layui-col-sm6 layui-col-md3">
        <div class="layui-card">
          <div class="layui-card-header">
            我的余额
          </div>
          <div class="layui-card-body layuiadmin-card-list">
            <p class="layuiadmin-big-font">{$number.platform.channel}</p>
            {gt name="number.cur_type" value="1"}
            	<p>&nbsp;</p>
            {else /}
            	<p>
            		代理余额
              		<span class="layuiadmin-span-color">{$number.platform.agent} <i class="layui-inline layui-icon layui-icon-rmb"></i></span>
            	</p>
            {/gt}
          </div>
        </div>
      </div>   
      <div class="layui-col-sm8">
        <div class="layui-card">
          <div class="layui-card-header">
            近30天用户增长趋势
          </div>
          <div class="layui-card-body">
            <div class="layui-row">
              <div class="layui-col-sm12">
                  <div  style="width:100%;height:400px;" id="memberCharts">
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="layui-col-sm4">
         <div class="layui-card">
           <div class="layui-card-header">充值用户排行榜（前10名）</div>
           <div class="layui-card-body">
             <table class="layui-table layuiadmin-page-table" lay-skin="line">
               <thead>
                 <tr>
                   <th>序号</th>
                   <th>用户名</th>
                   <th>充值金额</th>
                 </tr> 
               </thead>
               <tbody>
               	{empty name="charge_rank"}
               		<tr>
               			<td colspan="4" align="center">暂无数据</td>
               		</tr>
               	{else /}
               		{volist name="charge_rank" id="v" key="k"}
                		<tr>
                			<td>
                			{switch name="k"}
                				{case value="1"}<span class="first">{$k}</span>{/case}
                				{case value="1"}<span class="second">{$k}</span>{/case}
                				{case value="1"}<span class="third">{$k}</span>{/case}
                				{default /}
                				{$k}
                			{/switch}
                     </td>
                     <td>{$v.nickname}</td>
                     <td>¥{$v.money}</td>
                   </tr>
                	{/volist}
               	{/empty}
               </tbody>
             </table>
           </div>
        </div>
      </div>
      </div>
    </div>
{/block}
{block name="footJs"}
<script type="text/javascript" src="/static/plugins/echarts/echarts-all.js"></script>
<script type="text/javascript" src="__JS__/channel.index.console.js"></script>
{/block}